<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户中心-上传头像</title>
<link href="../css/base.css" rel="stylesheet" type="text/css">
<link href="../css/toefl.css" rel="stylesheet" type="text/css">
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>


<body>


<div class="doc1180 fn-clear paddingT20">
	<div class="doc230 fn-left">
    	<div class="flcb_cardUser">
        	<div class="flcb_cardUserPic"><a href="###"><img src="../img/flcb_cardUserPic.png" width="100" height="100"></a></div>
            <div class="flcb_cardUserName"><a href="###">会员名字</a></div>
            <div class="flcb_cardUserText"><a href="###">文字文字请限制字数</a></div>
        </div>
        <div class="flcb_cardUserInfo">
        	<div>你现在拥有的RPB：<span class="green">50</span></div>
            <div>你现在的等级是：学弱</div>
            <div><span>下一等级：</span>学孙<span>还差RPB：80</span></div>
            <div><a href="###" style="color: red;">充值兑换(模拟测试，不需要制作)</a></div>
        </div>
        <div class="flcb_cardUserMenu">
        	<ul>
            	<li class="on"><a href="用户中心-个人资料.html" target="infor" class="icon_1">个人资料</a></li>
                <li><a href="用户中心-我的公开课.html" target="infor" class="icon_2">我的公开课</a></li>
                <li><a href="用户中心-我的群组.html" target="infor" class="icon_3">我的群组</a></li>
                <li><a href="用户中心-我的福利城堡.html" target="infor" class="icon_5">我的福利城堡</a></li>
                <li><a href="用户中心-我的托福人.html" target="infor" class="icon_6">我的托福人</a></li>
                
            </ul>
        </div>
    </div>
  	<div class="doc910 fn-right">
  		<iframe id = "infor" name="infor"  src="用户中心-个人资料.html" style="width: 990px;height: 90vh;" frameborder="no"></iframe>
  	</div>
  	
</div>
	<script type="text/javascript">
  // 计算页面的实际高度，iframe自适应会用到
  function calcPageHeight(doc) {
      var cHeight = Math.max(doc.body.clientHeight, doc.documentElement.clientHeight);
      var sHeight = Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight);
      var height  = Math.max(cHeight, sHeight);
      return height
  }
  debugger;
  var ifr = document.getElementById('infor')
  ifr.onload = function() {
  	  var inter = window.setInterval(function() {
  	  	  var iDoc = ifr.contentDocument || ifr.document
	      var height = calcPageHeight(iDoc)
	      ifr.style.height = height + 'px'
  	  	
  	  },100);
  	  window.setTimeout(function() {
  	  	window.clearInterval(inter);
  	  },10000);
      
  }
</script>

</body>
</html>
